﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>列表页</title>
    <link href="css/style.css" rel="stylesheet" />
    <style type="text/css">
        
    </style>

    <script type="text/javascript" language="javascript">
        function expand(el) {
            childObj = document.getElementById(el);

            if (childObj.style.display == 'none') {
                childObj.style.display = 'block';
            }
            else {

            }
            return;
        }
        function expand1(el) {
            childObj = document.getElementById(el);

            if (childObj.style.display == 'block') {
                childObj.style.display = 'none';
            }
            else {

            }
            return;
        }
    </script>
</head>
<body>
    <div id="container">
        <div id="head">
            <div id="logo"><img src="images/shopping_logo.png" /></div>
            <ul id="logomenu">
                <li><a href="index.html">首页</a>▕</li>
                <li><a href="register.html">注册</a>▕</li>
                <li><a href="login.html">登录</a>▕</li>
                <li><a href="#">购物车</a>▕</li>
                <li><a href="#">会员中心</a>▕</li>
                <li><a href="#">收藏夹</a>▕</li>
                <li><a href="#">客服中心</a>▕</li>
                <li><a href="#">留言板</a></li>
            </ul>
            <div style="clear:both"></div>
            <b><span id="ctl00_welcome" style="margin-left:700px">111 ,欢迎您光临Fashion Mall！！ </span></b>
            <div class="search">
                <div class="leader">
                    <div class="right" style="overflow: hidden; "> <a target="_blank" href='#' style="top: 0px;"><span>1</span>短袖1</a> <a target="_blank" href=#' style="top: 0px;"><span>2</span>皮鞋1</a> </div>
                </div>
            </div>
        </div>
        <div id="content">
            <!--主页-->
            <div class="plist">
                <table cellpadding="0" cellspacing="0" class="style1">
                    <tr>
                        <td class="style2">
                            <div style=" width:120px; margin:20px 0 0 5px;">
                                <span id="Label1" style="color:#FF3399;">服装分类：</span>
                                &nbsp;<div>
                                    <div onmouseout="expand1(1)" onmouseover="expand(1)">
                                        <div style="width:90px" class="cctelist" onclick="">
                                            <a href="#"> 衣服</a>
                                        </div>

                                        <div id="1" style="margin:0  0 0 10px;  width:85px;  display:none;  ">
                                            <ul class="cc">
                                                <li><a href="#">短袖</a></li>
                                            </ul>
                                        </div>
                                    </div>

                                    <div onmouseout="expand1(2)" onmouseover="expand(2)">

                                        <div style="width:90px" class="cctelist" onclick="">
                                            <a href="#"> 裤子</a>
                                        </div>

                                        <div id="2" style="margin:0  0 0 10px;  width:85px;  display:none;  ">
                                            <ul class="cc">
                                                <li><a href="#">牛仔裤</a></li>
                                                <li><a href="#">短裤</a></li>
                                            </ul>
                                        </div>
                                    </div>

                                    <div onmouseout="expand1(3)" onmouseover="expand(3)">

                                        <div style="width:90px" class="cctelist" onclick="">
                                            <a href="#"> 裙子</a>
                                        </div>

                                        <div id="3" style="margin:0  0 0 10px;  width:85px;  display:none;  ">
                                            <ul class="cc">
                                                <li><a href="#">短裙</a></li>
                                                <li><a href="#">迷你裙</a></li>
                                            </ul>
                                        </div>
                                    </div>

                                    <div onmouseout="expand1(4)" onmouseover="expand(4)">

                                        <div style="width:90px" class="cctelist" onclick="">
                                            <a href="#"> 帽子</a>
                                        </div>

                                        <div id="4" style="margin:0  0 0 10px;  width:85px;  display:none;  ">
                                            <ul class="cc">
                                                <li><a href="#">棒球帽</a></li>
                                                <li><a href="#">太阳帽</a></li>
                                            </ul>
                                        </div>
                                    </div>

                                    <div onmouseout="expand1(5)" onmouseover="expand(5)">

                                        <div style="width:90px" class="cctelist" onclick="">
                                            <a href="#"> 鞋子</a>
                                        </div>

                                        <div id="5" style="margin:0  0 0 10px;  width:85px;  display:none;  ">
                                            <ul class="cc">
                                                <li><a href="#">运动鞋</a></li>
                                                <li><a href="#">板鞋</a></li>
                                            </ul>
                                        </div>
                                    </div>

                                    <div onmouseout="expand1(6)" onmouseover="expand(6)">

                                        <div style="width:90px" class="cctelist" onclick="">
                                            <a href="#"> 手套</a>
                                        </div>

                                        <div id="6" style="margin:0  0 0 10px;  width:85px;  display:none;  ">
                                            <ul class="cc">
                                                <li><a href="#">女生手套</a></li>
                                                <li><a href="#">女士围巾</a></li>
                                            </ul>
                                        </div>
                                    </div>

                                    <div onmouseout="expand1(7)" onmouseover="expand(7)">

                                        <div style="width:90px" class="cctelist" onclick="">
                                            <a href="#"> 围巾</a>
                                        </div>

                                        <div id="7" style="margin:0  0 0 10px;  width:85px;  display:none;  ">
                                            <ul class="cc">
                                                <li><a href="#">男士围巾</a></li>
                                            </ul>
                                        </div>
                                    </div>

                                    <div onmouseout="expand1(8)" onmouseover="expand(8)">

                                        <div style="width:90px" class="cctelist" onclick="">
                                            <a href="#"> 腰带</a>
                                        </div>

                                        <div id="8" style="margin:0  0 0 10px;  width:85px;  display:none;  ">
                                            <ul class="cc">
                                                <li><a href="#">男士腰带</a></li>
                                                <li><a href="#">女士腰带</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="product">
                                <div class="pic"><a href="#" target="_blank"><img id="Image3" src="show_imageurl/show_20100824041229866.jpg" style="height:300px;width:225px;border-width:0px;" /></a></div>
                                <div style="text-align:center;"></div>
                                <div style="text-align:center;font-weight:bold"> 短袖 </div>
                                <div style="text-align:center;"><a href="#" target="_blank">㊣太平鸟</a></div>
                                <div style="text-align:center;color:red">￥600.00元</div>
                            </div>
                            <div class="product">
                                <div class="pic"><a href="#" target="_blank"><img id="Image4" src="show_imageurl/show_20100824041205663.jpg" style="height:300px;width:225px;border-width:0px;" /></a></div>
                                <div style="text-align:center;"></div>
                                <div style="text-align:center;font-weight:bold"> 短袖 </div>
                                <div style="text-align:center;"><a href="#" target="_blank">㊣特价短袖</a></div>
                                <div style="text-align:center;color:red">￥30.00元</div>
                            </div>
                            <div class="product">
                                <div class="pic"><a href="#" target="_blank"><img id="Image3" src="show_imageurl/show_20100824041229866.jpg" style="height:300px;width:225px;border-width:0px;" /></a></div>
                                <div style="text-align:center;"></div>
                                <div style="text-align:center;font-weight:bold"> 短袖 </div>
                                <div style="text-align:center;"><a href="#" target="_blank">㊣太平鸟</a></div>
                                <div style="text-align:center;color:red">￥600.00元</div>
                            </div>
                            <div class="product">
                                <div class="pic"><a href="#" target="_blank"><img id="Image4" src="show_imageurl/show_20100824041205663.jpg" style="height:300px;width:225px;border-width:0px;" /></a></div>
                                <div style="text-align:center;"></div>
                                <div style="text-align:center;font-weight:bold"> 短袖 </div>
                                <div style="text-align:center;"><a href="#" target="_blank">㊣特价短袖</a></div>
                                <div style="text-align:center;color:red">￥30.00元</div>
                            </div>
                        </td>
                    </tr>
                </table>
                <div id="AspNetPager1" style="text-align:center;">
                    <a disabled="disabled" style="margin-right:5px;">首页</a><a disabled="disabled" style="margin-right:5px;">上一页</a><span style="margin-right:5px;font-weight:Bold;color:red;">1</span><a disabled="disabled" style="margin-right:5px;">下一页</a><a disabled="disabled" style="margin-right:5px;">尾页</a>
                </div>

                <!--列表页end-->
            </div>

        </div>
        <div id="foot">Copyright(c)2008-2010 FasionShopping时尚有限公司 鄂ICP备05009763号</div>
    </div>
</body>
</html>